body {
  background-color: #f4f4f4;
}
body .header {
  background: url("../../public/images/店铺背景图.jpg") no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  height: 3.56rem;
}
body .header .top {
  overflow: hidden;
  width: 100%;
  padding: .3rem .3rem 0 .2rem;
  margin-bottom: .4rem;
}
body .header .top a {
  display: inline-block;
  height: 100%;
}
body .header .top a img {
  height: .36rem;
  margin-top: .12rem;
}
body .header .top .searchs {
  position: relative;
  margin-left: .8rem;
  width: 70%;
}
body .header .top .searchs img {
  position: absolute;
  top: .14rem;
  left: .23rem;
  width: .3rem;
}
body .header .top .searchs input {
  display: inline-block;
  width: 100%;
  height: .54rem;
  border: 0;
  border-radius: .5rem;
  padding-left: .7rem;
}
body .header .top .dianpu {
  display: inline-block;
  width: .5rem;
}
body .header .t-bottom {
  padding: 0 .2rem;
  color: #fff;
  overflow: hidden;
}
body .header .t-bottom .imggg {
  width: 1.3rem;
  display: inline-block;
  margin: .38rem .24rem .64rem 0;
}
body .header .t-bottom .pinpai {
  margin-top: .38rem;
  width: 76%;
}
body .header .t-bottom .pinpai span {
  font-size: .36rem;
}
body .header .t-bottom .pinpai a {
  display: inline-block;
  overflow: hidden;
}
body .header .t-bottom .pinpai a img {
  vertical-align: middle;
  width: .2rem;
}
body .header .t-bottom .pinpai .mesg {
  color: #EAE2D8;
  position: relative;
}
body .header .t-bottom .pinpai .mesg span {
  font-size: .22rem;
  margin-right: .1rem;
}
body .header .t-bottom .pinpai .mesg b {
  font-style: normal;
}
body .header .t-bottom .pinpai .mesg i {
  font-style: normal;
  font-size: .22rem;
  margin-left: .1rem;
}
body .header .t-bottom .pinpai .mesg em {
  font-style: normal;
  font-size: .22rem;
  margin-bottom: 0.2rem;
  display: inline-block;
}
body .header .t-bottom .pinpai .mesg p {
  font-size: .22rem;
}
body .header .t-bottom .pinpai .mesg .collect {
  position: absolute;
  bottom: .42rem;
  right: 0;
  width: 1.6rem;
  text-align: center;
  font-size: .26rem;
  line-height: .5rem;
  height: .5rem;
  color: #E9930A;
  border: .01rem solid #E9930A;
  border-radius: .5rem;
}
body .bodys {
  background-color: #f4f4f4;
}
body .bodys ul {
  display: flex;
}
body .bodys ul li {
  flex: 1;
  height: 1rem;
  text-align: center;
  background-color: #fff;
}
body .bodys ul li a {
  color: #767676;
  font-size: .3rem;
  display: inline-block;
  line-height: .9rem;
  border-bottom: .01rem solid #ECEFEF;
}
body .bodys ul li .lefttt {
  color: #f5445d;
  border-bottom: .03rem solid #f5445d;
}
body .bodys .score {
  background-color: #f4f4f4;
}
body .bodys .score #top {
  overflow: hidden;
  height: 1.5rem;
  width: 100%;
  background-color: #fff;
  margin-bottom: .2rem;
}
body .bodys .score #top .stars {
  width: 3rem;
  text-align: center;
  height: 100%;
  overflow: hidden;
  padding: .3rem 0;
}
body .bodys .score #top .stars a {
  display: inline-block;
  width: 100%;
  border-right: .01rem solid #A4A4A4;
}
body .bodys .score #top .stars a span {
  font-size: .4rem;
  color: #f5445d;
  display: inline-block;
}
body .bodys .score #top .stars a p {
  font-size: .26rem;
  color: #686868;
}
body .bodys .score #top .iii {
  display: inline-block;
  width: 59%;
  height: 100%;
  text-align: center;
  line-height: 1.5rem;
}
body .bodys .score #top .iii img {
  width: .5rem;
}
body .bodys .score .list ul li {
  padding: 0 .26rem;
  background-color: #fff;
  height: 2.5rem;
}
body .bodys .score .list ul li .photo {
  overflow: hidden;
  padding: .3rem 0 0.2rem 0;
}
body .bodys .score .list ul li .photo .ff {
  width: .42rem;
}
body .bodys .score .list ul li .photo span {
  margin-top: .1rem;
  color: #282828;
  font-size: .26rem;
  margin-left: .2rem;
}
body .bodys .score .list ul li .photo .mmm {
  height: 100%;
  line-height: 1.5rem;
  border: 0;
  line-height: 0;
  width: 48%;
  text-align: left;
  margin-left: .2rem;
  margin-top: .1rem;
}
body .bodys .score .list ul li .photo .mmm img {
  margin: 0;
  display: inline-block;
  width: .3rem;
}
body .bodys .score .list ul li .p-list {
  text-align: left;
}
body .bodys .score .list ul li .p-list p {
  color: #595959;
  font-size: .24rem;
  margin-bottom: .1rem;
}
body .bodys .score .list ul li .p-list i,
body .bodys .score .list ul li .p-list b,
body .bodys .score .list ul li .p-list em {
  font-weight: 400;
  color: #A9A9A9;
  font-size: .22rem;
  font-style: normal;
}
body .bodys .goods-list {
  overflow: hidden;
  margin-top: .06rem;
  position: relative;
}
body .bodys .goods-list ul {
  background-color: #eceff1;
  display: inline-block;
}
body .bodys .goods-list ul .active {
  background-color: #fff;
}
body .bodys .goods-list ul .active a {
  width: 100%;
  color: #282828;
  border-left: .06rem solid #f5445d;
}
body .bodys .goods-list ul li {
  border-bottom: .01rem solid #ebeeee;
  background-color: #f8f8f8;
  height: 1rem;
  width: 1.6rem;
}
body .bodys .goods-list ul li a {
  font-size: .26rem;
  color: #767676;
  display: inline-block;
  line-height: 1rem;
  text-align: center;
}
body .bodys .goods-list .goodsList-right {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 1.6rem;
}
body .bodys .goods-list .goodsList-right ul {
  width: 100%;
}
body .bodys .goods-list .goodsList-right ul li {
  width: 100%;
  overflow: hidden;
  padding: 0 .2rem;
  height: 1.6rem;
  background-color: #fff;
}
body .bodys .goods-list .goodsList-right ul li .yy {
  height: 100%;
  position: relative;
  text-align: left;
}
body .bodys .goods-list .goodsList-right ul li .yy a {
  display: inline-block;
  border: 0;
}
body .bodys .goods-list .goodsList-right ul li .yy a .y-img {
  display: inline-block;
  width: 1rem;
  margin: .3rem .26rem 0 0;
}
body .bodys .goods-list .goodsList-right ul li .yy .three {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 1.1rem;
  margin-top: .3rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three p {
  color: #282828;
  font-size: .3rem;
  margin-bottom: .24rem;
  text-align: left;
}
body .bodys .goods-list .goodsList-right ul li .yy .three span {
  color: #f5445d;
  font-size: .3rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three i {
  font-style: normal;
  text-decoration: line-through;
  color: #b0b0b0;
  font-size: .3rem;
  margin-right: .16rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three b {
  font-weight: 400;
  color: #767676;
  font-size: .3rem;
  margin: 0 .1rem;
}
body .bodys .goods-list .goodsList-right ul li .yy .three img {
  display: inline-block;
  width: .4rem;
  vertical-align: middle;
}
body .bodys .goods-list .goodsList-right ul li .yy .three img:nth-of-type(1) {
  margin-left: .26rem;
}
body .bodys .goods-list .goodsList-right ul li:nth-of-type(2) {
  margin-bottom: .2rem;
}
body .footers {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 1.4rem;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  color: #767676;
  font-size: .3rem;
  padding-left: .26rem;
}
body .footers .f-l {
  height: 100%;
}
body .footers .f-l span {
  margin-top: .28rem;
  display: block;
}
body .footers .f-l i {
  font-style: normal;
  display: block;
  margin-top: .1rem;
}
body .footers .f-r {
  height: 100%;
}
body .footers .f-r a {
  display: inline-block;
  line-height: 1.4rem;
  height: 100%;
  background-color: #f5445d;
  text-align: center;
  font-size: .32rem;
  color: #fff;
  width: 2.2rem;
}
